<template>
  <div>
    <van-popup v-model:show="isShow" round position="bottom" :style="{ height: '30%' }">
      <template #default>
        <NewGoodsListContent :is-show="isShow" @changeIsShow="changeIsShow" />
      </template>
    </van-popup>
  </div>
</template>

<script setup lang="ts">
import NewGoodsListContent from '~/components/detail/NewGoodsListContent.vue'

const props = defineProps(['modelValue'])
const emit = defineEmits(['update:modelValue'])
const router = useRouter()
const isShow = computed({
  get() {
    return props.modelValue
  },
  set(val) {
    emit('update:modelValue', val)
  },
})
const changeIsShow = (val: boolean) => {
  isShow.value = val
}
</script>

<style scoped lang="scss">
:deep(.van-popup) {
  background: #31383b;
  height: unset !important;
  max-height: 90vh !important;
}
</style>
